Borders

Border Color

<span class="border border-primary"></span>
<span class="border border-accent"></span>
<span class="border border-dark"></span>
<span class="border border-black"></span>
<span class="border border-white"></span>
<span class="border border-arsenic"></span>
<span class="border border-alice-blue"></span>

Sizes

<span class="border border-primary rounded-0"></span>
<span class="border border-primary rounded-20"></span>
<span class="border border-primary rounded-40"></span>

Sass

Utilities API

Utilities Border can be found from scss/components/bootstrap/_utilities.scss

"border-color": (
    property: border-color,
    class: border,
    values: map-merge($theme-colors, 
        (
        "white": $white,
        "arsenic": $arsenic,
        "alice-blue": $alice-blue
        )
    )
),
"rounded": (
    property: border-radius,
    class: rounded,
    values: (
        null: $border-radius,
        0: 0,
        20: 20px,
        40: 40px,
        circle: 50%,
        pill: $border-radius-pill
    )
),